<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>报修管理</title>
		<meta name="renderer" content="webkit" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" href="css/main.css" media="all" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script type="text/javascript" src="lib/loading/okLoading.js"></script>
		<!-- //修改 -->
		<script src="js/base.js"></script>
	</head>

	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
				<a><cite>首页</cite></a>
				<a><cite>服务管理</cite></a>
				<a><cite>报修列表</cite></a>
			</span>
			<a class="layui-btn layui-btn-small" style="line-height: 1.6em; margin-top: 3px; float: right"
				href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon"
					style="line-height: 30px">ဂ</i></a>
		</div>
		<div class="x-body">
			<form class="layui-form x-center" action="" style="width: 800px">
				<div class="layui-form-pane" style="margin-top: 15px">
					<div class="layui-form-item">
						<label class="layui-form-label">日期范围</label>
						<div class="layui-input-inline">
							<input class="layui-input" placeholder="开始日" id="LAY_demorange_s" />
						</div>
						<div class="layui-input-inline">
							<input class="layui-input" placeholder="截止日" id="LAY_demorange_e" />
						</div>
						<div class="layui-input-inline">
							<!-- //修改 -->
							<input type="text" name="shebeimingcheng" id="shebeimingcheng" placeholder="报修设备名称"
								autocomplete="off" class="layui-input" />
						</div>
						<div class="layui-input-inline" style="width: 80px">
							<button id="sreach" class="layui-btn" lay-submit="" lay-filter="sreach">
								<i class="layui-icon">&#xe615;</i>
							</button>
						</div>
					</div>
				</div>
			</form>
			<xblock>
				<button class="layui-btn layui-btn-danger" onclick="delAll()">
					<i class="layui-icon">&#xe640;</i>批量删除
				</button>
				<button class="layui-btn" onclick="repair_add('添加','repairadd.html','1000','600')">
					<i class="layui-icon">&#xe608;</i>添加
				</button>
				<span class="x-right" style="line-height: 40px">共有数据：<span id="dataCount" class="layui-badge">2</span>
					条</span>
			</xblock>
			<table class="layui-table">
				<thead>
					<tr>
						<th>
							<!-- //修改 -->
							<input name="delcheck" type="checkbox" value="" onclick="onClickDelAllChecked()" />
						</th>
						<th>ID</th>
						<th>所属小区</th>
						<th>报修人员</th>
						<th>设备名称</th>
						<th>报修描述</th>
						<th>创建时间</th>
						<th>状态</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="data_body">
					<!-- //修改 -->
					<!-- <tr>
            <td>
              <input type="checkbox" value="1" name="" />
            </td>
            <td>2</td>
            <td>金华万府</td>
            <td>admin</td>
            <td>监控器</td>
            <td>测试</td>
            <td>2020-01-04 23:02:54</td>
            <td class="td-status">
              <span class="layui-btn layui-btn-danger"> 已受理 </span>
            </td>
            <td class="td-manage">
              <a
                title="编辑"
                href="javascript:;"
                onclick="repair_edit('编辑','repairadd.html','2','1000','600')"
                class="ml-5"
                style="text-decoration: none"
              >
                <i class="layui-icon">&#xe642;</i>
              </a>
              <a
                title="删除"
                href="javascript:;"
                onclick="repair_del(this,'2')"
                style="text-decoration: none"
              >
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
          <tr>
            <td>
              <input type="checkbox" value="1" name="" />
            </td>
            <td>1</td>
            <td>东湖小区</td>
            <td>admin</td>
            <td>垃圾箱</td>
            <td>测试</td>
            <td>2020-01-04 23:00:38</td>
            <td class="td-status">
              <span class="layui-btn layui-btn-normal"> 待受理 </span>
            </td>
            <td class="td-manage">
              <a
                title="编辑"
                href="javascript:;"
                onclick="repair_edit('编辑','repairadd.html','1','1000','600')"
                class="ml-5"
                style="text-decoration: none"
              >
                <i class="layui-icon">&#xe642;</i>
              </a>
              <a
                title="删除"
                href="javascript:;"
                onclick="repair_del(this,'1')"
                style="text-decoration: none"
              >
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr> -->
				</tbody>
			</table>

			<div id="page">
				<ul class="pagination" id="pageButtons">
					<!-- <li class="disabled"><span>&laquo;</span></li>
			<li class="active"><span>1</span></li>
			<li><a href="#">2</a></li>
			<li><a href="#">&raquo;</a></li> -->
				</ul>
			</div>
		</div>
		<script src="lib/layui/layui.js" charset="utf-8"></script>
		<script src="js/x-layui.js" charset="utf-8"></script>
		<script>
			layui.use(["laydate", "element", "laypage", "layer"], function() {
				$ = layui.jquery; //jquery
				laydate = layui.laydate; //日期插件
				lement = layui.element(); //面包导航
				laypage = layui.laypage; //分页
				layer = layui.layer; //弹出层
				okLoading.close($);
				//以上模块根据需要引入

				var start = {
					min: "1900-01-01 00:00:00",
					max: laydate.now(),
					istoday: false,
					choose: function(datas) {
						end.min = datas; //开始日选好后，重置结束日的最小日期
						end.start = datas; //将结束日的初始值设定为开始日
					},
				};

				var end = {
					min: "1900-01-01 00:00:00",
					max: laydate.now(),
					istoday: false,
					choose: function(datas) {
						start.max = datas; //结束日选好后，重置开始日的最大日期
					},
				};

				document.getElementById("LAY_demorange_s").onclick = function() {
					start.elem = this;
					laydate(start);
				};
				document.getElementById("LAY_demorange_e").onclick = function() {
					end.elem = this;
					laydate(end);
				};
			});

			//批量删除提交
			function delAll() {
				layer.confirm("确认要删除吗？", function(index) {
					let checkArr = document.getElementsByName("delcheck");
					let delArr = [];
					for (var i = 1; i < checkArr.length; i++) {
						if(checkArr[i].checked){
							delArr.push(checkArr[i].value);
						}
					}
					let url = "http://localhost:8080/wuye/BaoXiuController/delBaoXiu";
					let json = {
						delIdArr: delArr
					}
					rest(url, "post", json, function(r) {
						if (r.code == 200) {
							layer.msg(r.msg, {
								icon: 6,
								time: 1000
							});
							setTimeout(function() {
								window.location.reload();
							}, 1000);
							return false;
						} else {
							layer.msg(r.msg, {
								icon: 5,
								time: 1000
							});
							return false;
						}
					});

					//捉到所有被选中的，发异步进行删除
					layer.msg("删除成功", {
						icon: 1
					});
				});
			}

			function question_show(argument) {
				layer.msg("可以跳到前台具体问题页面", {
					icon: 1,
					time: 1000
				});
			}

			/*添加*/
			function repair_add(title, url, w, h) {
				x_admin_show(title, url, w, h);
			}

			//编辑
			function repair_edit(title, url, id, w, h) {
				url = url + "?id=" + id;
				x_admin_show(title, url, w, h);
			}

			/*删除*/
			function repair_del(obj, id) {
				layer.confirm(
					"确认要删除吗？", {
						icon: 3,
						title: "提示信息"
					},
					function(index) {
						let url = "http://localhost:8080/wuye/BaoXiuController/delBaoXiu";
						let delArr = [];
						delArr.push(id);
						let json = {
							delIdArr: delArr
						}
						rest(url, "post", json, function(r) {
							if (r.code == 200) {
								//发异步删除数据
								$(obj).parents("tr").remove();
								layer.msg(r.msg, {
									icon: 6,
									time: 1000
								});
								setTimeout(function() {
									window.location.reload();
								}, 1000);
								return false;
							} else {
								layer.msg(r.msg, {
									icon: 5,
									time: 1000
								});
								return false;
							}
						});
						//发异步删除数据
						$(obj).parents("tr").remove();
						layer.msg("已删除!", {
							icon: 1,
							time: 1000
						});
					}




					// function(index) {
					// 	$.ajax({
					// 		type: "post",
					// 		url: "xxx",
					// 		data: {
					// 			id: id
					// 		},
					// 		dataType: "json",
					// 		success: function(data) {
					// 			//console.log(data);
					// 			if (data.status == 1) {
					// 				//发异步删除数据
					// 				$(obj).parents("tr").remove();
					// 				layer.msg(data.info, {
					// 					icon: 6,
					// 					time: 1000
					// 				});
					// 				setTimeout(function() {
					// 					window.location.reload();
					// 				}, 1000);
					// 				return false;
					// 			} else {
					// 				layer.msg(data.info, {
					// 					icon: 5,
					// 					time: 1000
					// 				});
					// 				return false;
					// 			}
					// 		},
					// 	});
					// 	//发异步删除数据
					// 	$(obj).parents("tr").remove();
					// 	layer.msg("已删除!", {
					// 		icon: 1,
					// 		time: 1000
					// 	});
					// }
				);
			}
		</script>

		<script>
			// 全部删除复选框
			function onClickDelAllChecked() {
				// delAll_box
				let checkArr = document.getElementsByName("delcheck");
				let delAllCheck = checkArr[0];
				if (delAllCheck.checked) {
					for (var i = 0; i < checkArr.length; i++) {
						checkArr[i].checked = true;
					}
				} else {
					for (var i = 0; i < checkArr.length; i++) {
						checkArr[i].checked = false;
					}
				}
			}
		
			function onClickDelChecked() {
				// delAll_box
				let checkArr = document.getElementsByName("delcheck");
				let delAllCheck = checkArr[0];
				let flag = true;
				for (let i = 1; i < checkArr.length; i++) {
					if (!checkArr[i].checked) {
						delAllCheck.checked = false;
						flag = false;
					}
				}
				if (flag) {
					delAllCheck.checked = "checked";
				}
			}

			let currentPageNo = 1;
			let currentPageCount = 0;

			function goToPage(num) {
				if (currentPageNo == 1 && num == -1) {
					return;
				}
				if (currentPageNo == currentPageCount && num == 1) {
					return;
				}
				currentPageNo = currentPageNo + num;
				loadData(currentPageNo);
			}



			function loadData(pageNo) {
				currentPageNo = pageNo;
				let startTime = document.getElementById("LAY_demorange_s").value;
				let endTime = document.getElementById("LAY_demorange_e").value;

				if (startTime == "") {
					startTime = "1900-01-01 00:00:00";
				} else {
					startTime = startTime + " 00:00:00";
				}
				if (endTime == "") {
					endTime = "2999-12-31 23:59:59";
				} else {
					endTime = endTime + " 23:59:59";
				}
				// 修改
				let shebeimingcheng = document.getElementById("shebeimingcheng").value;
				let pageSize = 5;
				let url = "http://localhost:8080/wuye/BaoXiuController/page";
				let json = {};
				json.pageNo = pageNo;
				json.pageSize = pageSize;
				json.startTime = startTime;
				json.endTime = endTime;
				json.shebeimingcheng = shebeimingcheng;

				rest(url, "post", json, function(r) {
					if (r.code == 200) {
						let count = r.data.count;
						document.getElementById("dataCount").innerHTML = count;
						//总页数
						let pageCount = r.data.pageCount;
						currentPageCount = pageCount;
						let arr = r.data.data;

						let innerHTML = "";
						for (let i = 0; i < arr.length; i++) {
							//修改
							let baoxiu = arr[i];
							//将状态转换成文本
							let state = "";
							if (baoxiu.state == 0) {
								state = "待受理";
							} else if (baoxiu.state == 1) {
								state = "已受理";
							} else {
								state = "已维修";
							}
							//修改
							innerHTML = innerHTML +
								"<tr>\n" +
								"            <td>\n" +
								"              <input type=\"checkbox\" value=\"" + baoxiu.id +
								"\" name=\"delcheck\" onclick='onClickDelChecked()'/>\n" +
								"            </td>\n" +
								"            <td>" + baoxiu.id + "</td>\n" +
								"            <td>" + baoxiu.xiaoquid + "</td>\n" +
								"            <td>" + baoxiu.yonghuid + "</td>\n" +
								"            <td>" + baoxiu.shebeimingcheng + "</td>\n" +
								"            <td>" + baoxiu.description + "</td>\n" +
								"            <td>" + baoxiu.chuangjianshijian + "</td>\n" +
								"            <td class=\"td-status\">\n" +
								"              <span class=\"layui-btn layui-btn-danger\"> " + state + " </span>\n" +
								"            </td>\n" +
								"            <td class=\"td-manage\">\n" +
								"              <a\n" +
								"                title=\"编辑\"\n" +
								"                href=\"javascript:;\"\n" +
								"                onclick=\"repair_edit('编辑','repairedit.html','" + baoxiu.id +
								"','1000','600')\"\n" +
								"                class=\"ml-5\"\n" +
								"                style=\"text-decoration: none\"\n" +
								"              >\n" +
								"                <i class=\"layui-icon\">&#xe642;</i>\n" +
								"              </a>\n" +
								"              <a\n" +
								"                title=\"删除\"\n" +
								"                href=\"javascript:;\"\n" +
								"                onclick=\"repair_del(this," + baoxiu.id + ")\"\n" +
								"                style=\"text-decoration: none\"\n" +
								"              >\n" +
								"                <i class=\"layui-icon\">&#xe640;</i>\n" +
								"              </a>\n" +
								"            </td>\n" +
								"          </tr>\n" +
								"          <tr>";

							document.getElementById("data_body").innerHTML = innerHTML;
						}
						if (arr.length == 0) {
							document.getElementById("data_body").innerHTML = innerHTML;
							document.getElementById("pageButtons").innerHTML =
								"<li class=\"disabled\"><span>&laquo;</span></li>\n" +
								"<li class=\"active\"><span>1</span></li>\n" +
								"<li class=\"disabled\"><span>&raquo;</span></li>"
							return false;
						}
						innerHTML = "";
						if (pageNo == 1) {
							innerHTML = innerHTML + "<li class=\"disabled\"><span>&laquo;</span></li>";
						} else {
							innerHTML = innerHTML + "<li><a onclick=\"goToPage(-1);\" href=\"#\">&laquo;</a></li>"
						}
						for (let i = 0; i < pageCount; i++) {
							if (pageNo == i + 1) {
								//这一页是当前页
								innerHTML = innerHTML + "<li class=\"active\"><span>" + (i + 1) + "</span></li>";
							} else {
								innerHTML = innerHTML + "<li><a onclick=\"loadData(" + (i + 1) + ")\" href=\"#\">" + (i +
									1) + "</a></li>";
							}
						}
						if (pageNo == pageCount) {
							innerHTML = innerHTML + "<li class=\"disabled\"><span>&raquo;</span></li>";
						} else {
							innerHTML = innerHTML + "<li><a onclick=\"goToPage(1);\" href=\"#\">&raquo;</a></li>";
						}

						document.getElementById("pageButtons").innerHTML = innerHTML;

						let checkArr = document.getElementsByName("delcheck");

						//刷新删除全部的勾选状态
						checkArr[0].checked = false;
					}
				});
			}

			document.getElementById("sreach").onclick = function() {
				loadData(1);
				return false;
			}
			loadData(1);
		</script>

	</body>
</html>